#borda-titulo-abc {
   display: flex;
   flex-direction: column;
   align-items: center;
}

.texto-ABC {
   z-index: 2;
   /* -webkit-text-stroke-width: 1.4px; */
   /* --text-stroke-size: 1px;
   --text-stroke-color: #fb1a1a; */
   /* border-color: coral; */
   position: absolute;
   display: flex;
   justify-content: center;
   flex-direction: column;
   align-content: center;
   text-align: center;
   margin-top: 16px;
   margin-bottom: 28px;
   font-size: 42px;
   line-height: 24px;
   text-shadow: 2px 4px 10px rgba(0, 0, 0, 0.205);
   color: #0075FE;
   -webkit-text-stroke-color: white;
   transform: rotate(-2deg);

}

.texto-ABC-borda {
   z-index: 1;
   -webkit-text-stroke-width: 8.4px;
   /* --text-stroke-size: 1px;
   --text-stroke-color: #fb1a1a; */
   /* border-color: coral; */
   display: flex;
   justify-content: center;
   flex-direction: column;
   align-content: center;
   text-align: center;
   margin-top: 16px;
   margin-bottom: 28px;
   font-size: 42px;
   line-height: 24px;
   text-shadow: 2px 4px 10px rgba(0, 0, 0, 0.205);
   color: #0075FE;
   -webkit-text-stroke-color: white;
   transform: rotate(-2deg);

}

.bg-fundo-abc {
   background: #31BFC8;
   width: 100%;
}

.jogo-tela-cheia {
   width: 90%;
   max-width: 560px;
   flex-direction: column;
   align-content: center;
   display: flex;
}

.verso-carta {
   background-image: url("../images/jogo_da_memoria/abacaxi.jpg");
   background-size: cover;
   background-position: center;
   backface-visibility: hidden;
}

.grid-abc {
   display: grid;
   position: relative;
   grid-template-columns: repeat(3, minmax(auto, 1fr));
   gap: 16px;
   /* width: 100%;
   max-width: 550px; */
   height: 100%;
   margin: 3% 8%;
   justify-content: space-between;
   /* width: 86%; */
}


.card {
   aspect-ratio: 1/1;
   width: 25%;
   /* height: 200px; */
   /* background-color: #f44646; */
   border-radius: 22px;
   box-shadow: 0px 3px 14px #00000017;
   position: relative;
   transition: all 400ms ease;
   transform-style: preserve-3d;

}


.face {
   width: 31%;
   /* height: auto; */
   position: absolute;
}

.face:hover {
   transform: scale(1.07);

}

.tamanho-carta {

   aspect-ratio: 1/1;
   /* width: 150px; */
   /* height: 33vh; */
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: row;
   flex-wrap: nowrap;

}